* {
  box-sizing: border-box;
}

html,
body { /* two first elements assure color ocuppies all visible area */
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:
	color:
	font-family: 'Roboto Condensed', sans-serif;
}

.header {
	font-family: 'Roboto Condensed', sans-serif;
	font_style: italic;                                                                                                                                                 	margin-left: 375px;
	grid-area: header;
}

.col_left {
	grid-area: col_left;
}

.col_center {
	width: 750px;
	padding-left: 250px;
	padding-right: 100px;
	padding-top: 650px;
	grid-area: post;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif; 
}

.col_right {
	grid-area: col_right;
}

input[type=submit] {
	background-color: black;
	border: none;
	color: white;
	padding: 20px, 20px, 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	border-radius: 12px;
	font-weight: bold;
	width: 30%;
    font-family: 'Roboto Condensed', sans-serif;
}

input[type=text] {
	border: none;
	font-size: 20px;
}

input {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	width: 70%;
	color: black;
}

label {
	font-weight: bold;
	color: black;
}

.footer {
	position: absolute;
	bottom: 5px;
	grid-area: footer;
	font_style: italic;
	width: 100%;
}

 span + span {                                                                                                                                                          	margin-left: 10px;                                                                                                                                                  } 

.pagination {
  display: inline-block;
}

.pagination a {
  color: #181817;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

/* unvisited link */
a:link { color: #aaaaaa; }

/* visited link */
a:visited { color: #dbe2f1; }

/* mouse over link */
a:hover { color: #bbbbbb; }

/* selected link */
a:active { color: #cccccc; }

.grid-container {
	justify-content: center;
	align-content: center;
	display: grid;
	grid-gap: 1px;
	grid-template-areas:
		'. header .'
		'col_left post col_right'
		'. footer .'
}